<template>
  <div>
    <Navmenu
      :menuList="menuList"
    ></Navmenu>
    <div></div>
    <title-bar class="titleBar animate__animated wowlive animate__fadeInDown" title="Define future Home" eTitle="Define future Home丨定义未来家"></title-bar>
    <DetailCards
      imgUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/new/huawei-whole-home-pre-installed-solution.jpg"
      title="华为全屋智能 1+2+N 解决方案"
      detail="系列化全屋智能主机 | 中控屏+智慧生活 App | 系统级"
      :isShow='true'
    ></DetailCards>
    <DetailCards
      imgUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-intelligent-scenes.jpg"
      title="华为全屋智能智慧场景"
      detail="格调场景 | 舒适场景 | 便捷场景 | 健康场景 | 交互场景 | 安全"
      :isShow='true'
    ></DetailCards>
    <title-bar class="animate__animated wowlive animate__fadeInDown" title="智慧交互，操作自如" eTitle="Intelligent interaction, ease of operation"></title-bar>
    <DetailCards
      imgUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/new/huawei-whole-home-control-panel.jpg"
      title="华为全屋智能 智能中控屏"
      detail="收纳式卡片全屋管理 | 星环按键 AI 环境自适 | 智慧语音"
      :isShow='false'
    ></DetailCards>
    <DetailCards
      imgUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/new/huawei-whole-home-panel-and-switch.jpg"
      title="华为全屋智能 智能面板及开关"
      detail="功能六合一 | 按键功能轻松自定义 | AMOLED 超清"
      :isShow='false'
    ></DetailCards>
    <title-bar class="animate__animated wowlive animate__fadeInDown" title="智慧感知，灵敏响应" eTitle="Intelligent perception, responsive"></title-bar>
    <DetailCards
      imgUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-light-driver.jpg"
      title="华为全屋智能灯光驱动器"
      detail="智能无极调光 | PLC 稳定连接 | 护眼无频闪"
      :isShow='false'
    ></DetailCards>
    <title-bar class="animate__animated wowlive animate__fadeInDown" title="节能环保，低碳之家" eTitle="Energy Saving"></title-bar>
    <div style="background-color:rgb(20, 200 ,150);width:90%;margin: 0 auto;">
      <div style="height:30px"></div>
      <div class="firstList">
        <TextMidCards
        iconUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-low-power-chip-icon.svg"
        text="多网融合 PLC 技术,减少38%布线自慧测低碳检测技术"
        backgroundUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-low-power-chip.jpg"
        width="width:60%"
        ></TextMidCards>
      <TextMidCards
        iconUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-low-power-chip-icon.svg"
        text="生物基塑料减少62.6% 碳排放"
        backgroundUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/new/huawei-whole-home-overall-solution-1.jpg"
        :noShow="true"
        width="width:40%"
        ></TextMidCards>
      </div>
      <div class="secondList">
        <TextMidCards
        iconUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-low-power-chip-icon.svg"
        text="使用大豆油墨彩盒印刷、FSC 纸张"
        backgroundUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-eco-friendly-paper.jpg"
        :noShow="true"
        width="width:33%"
        ></TextMidCards>
        <TextMidCards
        iconUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-environmental-certification.svg"
        text="SGS、中国环境标志认证"
        backgroundUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-low-power-chip.jpg"
        width="width:33%"
        ></TextMidCards>
        <TextMidCards
        iconUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-carbon-emissions.svg"
        text="供应商 100% 获取QC 080000 体系认证设定碳减排目标"
        backgroundUrl="https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/images/huawei-whole-home-eco-friendly-paper.jpg"
        :noShow="true"
        width="width:33%"
        ></TextMidCards>
      </div>
      <div style="height:30px"></div>
    </div>
    <Btmx></Btmx>
  </div>
</template>

<script>
import DetailCards from '@/components/detailCards.vue'
import TextMidCards from '@/components/textMidCards.vue'
import Navmenu from '@/components/navmenu.vue'
export default {
  components:{
    DetailCards,
    TextMidCards,
    Navmenu,
},
  mounted(){
    window.scrollTo(0,0)
  },
  data(){
    return{
      menuList:[
        {
          id:1,
          title:'全屋智能',
          imgUrl:'https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/nav/nav-1.png',
          link:'/huawei'
        },
        {
          id:2,
          title:'前装方案',
          imgUrl:'https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/nav/nav-6.png',
          link:'/plan'
        },
        {
          id:3,
          title:'智慧场景',
          imgUrl:'https://consumer.huawei.com/content/dam/huawei-cbg-site/cn/mkt/wholehome-2022/nav/nav-3.png',
          link:'/scene'
        },
        {
          id:4,
          title:'预约体验',
          imgUrl:'https://consumer.huawei.com/content/dam/huawei-cbg-site/greate-china/cn/mkt/plp/new-visions/images/nav-routers-v1.png',
          link:'/experience2'
        },
      ]
    }
  }
}
</script>

<style scoped>
  .titleBar{
    padding-top: 200px;
  }
  .firstList{
    display: flex;
    justify-content: space-around;
  }
  .secondList{
    display: flex;
    justify-content: space-around;
  }
  
</style>